<template>
  <div id="app" style="background-color: ghostwhite;height: 1000px">
<div id="all">
              <!-- 轮播图 -->
              <div id="lun">
                <el-carousel height="808px">
                  <el-carousel-item v-for="item in iArr" :key="item" >
                    <img :src="item" width="100%" height="100%">
                  </el-carousel-item>
                </el-carousel>
              </div>
<!--轮播图结束-->
<!--登录功能开始-->
  <div id="login">
<div id="deng">
  <div style="width: 100px;height: 45px;margin-left:150px;margin-bottom: 50px">
  <h1 style="margin-top:0">登录</h1>
  </div>
      <el-form>
        <el-form-item>
          <el-input type="text" v-model="user.username" placeholder="请输入用户名"></el-input>
        </el-form-item>
        <el-form-item>
          <el-input type="password" v-model="user.password" placeholder="请输入密码"></el-input>
        </el-form-item>
        <el-form-item>
          <div style="width: 100px;height: 40px;margin-left: 130px">
          <el-button style="width: 100px;height: 40px" type="primary">登录</el-button>
          </div>
        </el-form-item>
      </el-form>
  <div style="width: 70px;height: 50px;margin-left: 330px">
   <a href=""><p>注册账号</p></a>
  </div>
  <el-divider></el-divider>
  <div style="width: 400px;height: 50px">
    <p style="font-size: 8px;color: darkgrey;padding-left: 40px">若继续，则表示同意 隐私政策 和 使用条款，DJI 会收集<br>
      &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp您的第三方登录信息进行账号注册或登录。</p>
  </div>
  <div style="width: 300px;height: 80px;margin-top: 30px;margin-left: 40px;text-align: center">
    <p style="font-size: 10px;color: darkgrey">登录遇到问题?</p>
    <span style="font-size: 9px;color: cornflowerblue">联系客服&nbsp&nbsp</span>
    <span style="font-size: 9px;color: cornflowerblue">&nbsp&nbsp常见问题</span>
  </div>
</div>
  </div>
<!--登录功能结束-->
</div>
    <div style="width: 600px;height: 50px;margin: 0 auto;text-align: center">
      <p style="margin: 0;font-size: 11px;color: darkgrey">Copyright © 2022 DJI All Rights Reserved.  隐私政策  使用条款  网站地图  </p>
      <p style="margin: 0;font-size: 11px;color: darkgrey">如果您有任何关于DJI账户的问题，请点击此处。</p>
    </div>
  </div>

</template>

<script>
export default {
  data:
      function() {
        return {
          user:{
            username:"",
            password:""
          },
          iArr: [
            "https://account.djicdn.com/pc/static/img/banner5.9f30612.jpg",
            "https://account.djicdn.com/pc/static/img/banner3.56d7e41.jpg",
            "https://account.djicdn.com/pc/static/img/banner4.f355fb3.jpg",
            "https://account.djicdn.com/pc/static/img/banner6.d099390.jpg", "https://account.djicdn.com/pc/static/img/banner9.47bfef8.jpg",
            "https://account.djicdn.com/pc/static/img/banner12.1c917b5.jpg",
          ]}
  }
}
</script>
<style>
a{
  text-decoration: none;color: cornflowerblue;
}
#all{
  width: 1200px;margin: 0 auto;padding-top: 50px;
}
#lun{
  width: 600px;float: left;
}
#login{
width: 400px;height: 608px;float: left;background-color:snow;padding: 100px 50px;
}
#deng{
  width:400px;height: 600px;margin: 0;
}

</style>
